<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'app',
  mounted() {
    const maxMemory = Cesium.MemoryManager.getMaxMemory()
    window.cesiumMaxMemory = maxMemory
    //   Cesium.MemoryManager.showMemoryInfo(true)
    //   Cesium.MemoryManager.setMaxMemory(4096)
  }
}
</script>

<style lang="scss">
@import './assets/css/font.css';

* {
  margin: 0;
  padding: 0;
  // user-select: none;
  box-sizing: border-box;
}

#app {
  font-family: PingFang, 'Avenir', Helvetica, Arial,
    sans-serif;
  color: #fff;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

// 关闭地图自带的图层选择器  配置在public/config.json baseLayerPicker必须打开才能在底图管理中使用对应属性和方法
.cesium-viewer-toolbar {
  display: none;
}
/*---滚动条默认显示样式--*/

::-webkit-scrollbar-thumb {
  //background-color:#018EE8;

  height: 50px;

  outline-offset: -2px;

  outline: 2px solid rgba(255, 255, 255, 0);

  -webkit-border-radius: 4px;
  background: rgba(255, 255, 255, 0.3);
}

/*---鼠标点击滚动条显示样式--*/

::-webkit-scrollbar-thumb:hover {
  height: 50px;

  -webkit-border-radius: 4px;
}

/*---滚动条大小--*/

::-webkit-scrollbar {
  width: 8px;

  height: 8px;
}

/*---滚动框背景样式--*/

::-webkit-scrollbar-track-piece {
  background-color: rgba(255, 255, 255, 0);

  -webkit-border-radius: 0;
}

.my-cascader.el-popper {
  &.el-cascader__dropdown {
    background-color: transparent;
    border-color: #4a80a3;

    .popper__arrow {
      border-bottom-color: #4a80a3;

      &::after {
        border-bottom-color: #4a80a3;
      }
    }
  }

  .el-cascader-panel {
    background-color: #4a80a3;

    .el-cascader-menu {
      //border-right-color: #4a80a3;

      .el-cascader-menu__list {
        .el-cascader-node {
          color: white;

          &:hover {
            background-color: #28516c;
          }

          &.in-active-path {
            background-color: #28516c;
          }

          &:not(.is-disabled):focus,
          &:not(.is-disabled):hover {
            background-color: #28516c;
          }

          .el-icon-arrow-right {
            color: white;
          }
        }
      }
    }
  }
}
</style>
